<!DOCTYPE html>
<html>
   <head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>AmazeUI-2.7.2</title>
		<!--  -->
      <script src="assets/js/jquery-3.4.1.min.js"></script>
		<!-- 引入CSS -->
        <link rel="stylesheet" href="assets/css/amazeui.min.css">
		<!-- 引入JS -->
		<script src="assets/js/amazeui.min.js"></script>
      <script src="assets/js/vue.min.js"></script>
      <script src="assets/layer/layer.js"></script>
	</head>
    
<body>
<div id="app">

<div>
   <div>
      获取自己token的方法：<a href="https://gitee.com/profile/personal_access_tokens">https://gitee.com/profile/personal_access_tokens</a>->私人令牌
   </div>
   <div style="margin-bottom: 20px;">
      <button type="button" class="am-btn am-btn-success" @click="insertItemAlert()">新增</button>
      <button type="button" class="am-btn am-btn-success" @click="refreshList()">刷新</button>
      <button type="button" class="am-btn am-btn-success" @click="setAccessToken()">设置token</button>
   </div>
 
</div>
<!-- 列表 -->

<div>
   <ul class="am-list am-list-static am-list-border am-list-striped">
      <li v-for="(item,index) in listData" @click="clickItem(item)">
         <span class="am-badge am-badge-success" @click.stop="updateItemAlert(item)">编辑</span>
         <span class="am-badge am-badge-danger" @click.stop="deleteItem(item)">删除</span>
         {{item.description}}
      </li>
    </ul>
</div>

 





</div>
<script src="assets/js/myvue.js"></script> 
</body>
</html>